import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import {utils, theme} from '../common'

export const Tag=({
  // 文字颜色
  // string || array
  color = theme.singleColor,
  // 文字大小
  size = 'default',
  // 圆角
  circle = false,
  // 背景色
  fill = theme.themeColor[0],
  // 阴影
  shadown = false,
  // children
  children
})=>{
  // 设置圆角的大小
  const borderRadius = circle ? utils.isBoolean(circle) ? '5px' : circle : theme.circle
  // 设置投影的大小
  const boxShadow = shadown ? utils.isBoolean(shadown) ? `2px 2px 5px ${theme.themeColor}` : shadown : 0
  return (
  <View
    style={{
      color,
      borderRadius,
      fontSize: theme.fontSize,
      background:fill,
      boxShadow,
    }}
  >{children}</View>);
}

export default Tag
